
<template>
  <div class="VoteSuccess">
    <div class="title">非常感谢您的宝贵意见</div>
    <div class="description">
      <div>您所提供的答案以及个人资料都将做严格的保</div>
      <div>密处理, 我们会严格遵守保密政策。</div>
      <div>在此, 祝您生活愉快!</div>
    </div>
    <div class="img-wrap">
      <img :src="mpImgs.vote_banner" mode="aspectFit">
    </div>
    <div class="btn" @click="handleClick">
      <CommonButton>返回</CommonButton>
    </div>
  </div>
</template>

<script>
import CommonButton from '@/components/CommonButton'

export default {
  components: {
    CommonButton,
  },
  computed: {
    mpImgs () {
      return this.$store.state.mpImgs
    },
  },
  methods: {
    handleClick () {
      wx.navigateBack()
    },
  },
}
</script>

<style lang="scss" scoped>
@import "~css/var.scss";

.VoteSuccess {
	min-height: 100vh;
	padding: 0 15px;
	text-align: center;
	background: #fff;

	.title {
		padding-top: 20px;
		font-weight: bold;
		font-size: 16px;
		color: #333;
	}

	.description {
		margin-top: 20px;
		line-height: 24px;
		font-weight: 500;
		font-size: 14px;
		color: #999;
	}

	.img-wrap {
		margin-top: 20px;

		img {
			width: 100%;
			height: 183px;
		}
	}

	.btn {
		margin-top: 20px;
	}

	.tips {
		margin-top: 10px;
		text-align: center;
		color: #e51e1f;
	}
}
</style>
